

body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; width:100%; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"å®‹ä½“";}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"å¾®è½¯é›…é»‘";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*å¼ºåˆ¶åŽ»é™¤è¡¨å•è‡ªå¸¦çš„æ ·å¼*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*å¼ºåˆ¶åŽ»é™¤textareaè‡ªå¸¦çš„æ ·å¼*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5è®¾ç½®*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#222222; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#3f9477;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#d1d1d1;}
::-moz-placeholder{color:#d1d1d1;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#d1d1d1;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #d1d1d1;}
.w1200{ max-width:1200px; min-width:320px; margin:0px auto;}
@media ( max-width:1200px){
.auto{ padding:0px 10px;}
}
.f_red{ color:#da251d;}

/*å…¬ç”¨æ ·å¼*/
.effect-img {text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Title01{height:52px; line-height:52px; background:url(../image/titbg.png) no-repeat center bottom; text-align:center;}
.Title01 span{display:block; font-size:30px; color:#333333; font-weight:bold;}
.Ban{margin-top:53px;}
.Ban img{display:block; width:100%;}
.Left{width:22%; float:left; margin-top:-58px; position:relative; z-index:99;}
.MeunName{background:#0463a8; font-size:24px; color:#fff; padding:3% 10%;}
.MeunName span{display:block; line-height:46px; font-weight:bold; background:url(../image/line2.png) no-repeat left bottom;}
.MeunName em{display:block; line-height:37px; font-family:Arial;}
.Left dl{border:1px solid #dddddd; border-bottom:none;}
.Left dl dd{height:48px; line-height:48px; font-size:14px; border-bottom:1px solid #dddddd; text-align:center;}
.Left dl dd a{display:block; color:#666666; padding:0 8%;}
.Left dl dd a:hover,.Left dl dd.on a{background:#f4f4f4 url(../image/arr2.png) no-repeat 90% center; color:#0463a8; font-weight:bold;}

.LeftSearch{background:#fff; height:32px; border:1px solid #0463a8; margin:10px 0px 0px; position:relative;}
.LeftSearch .input{width:70%; padding:0 3%; font-size:14px; height:32px; line-height:32px; color:#888888;}
.LeftSearch .btn{background:#0463a8; font-size:14px; color:#fff; position:absolute; top:0px; right:0px; width:24%; text-align:center; height:32px; line-height:32px;}


.Right{width:75%; float:right;}
.Position{height:62px; line-height:62px; border-bottom:1px solid #dddddd;}
.Position .SubName{font-size:18px; font-weight:bold; color:#0463a8; float:left;}
.Position .Current{float:right; background:url(../image/home.png) no-repeat left center; padding-left:24px; font-size:14px; color:#888888;}
.Position .Current a{color:#888888;}
.Position .Current span{color:#0463a8;}


/*pages*/
.Pages{width:100%; text-align:center; padding:2% 0 0; color:#666666; font-size:14px; line-height:25px;}
.Pages b{font-weight:normal; color:#666666;}
.Pages a{display:inline-block; padding:0px 15px; height:32px; line-height:32px; border:1px solid #0463a8; color:#0463a8; font-size:14px; margin:0px 11px;}
.Pages a:hover{background:#0463a8; color:#fff;}

.pages {
	margin: 50px auto 30px;
	text-align: center;
  }
  .pages a:hover,
  .pages a.on,
  .pages span:hover,
  .pages .current {
	border: 1px #0463a8 solid;
	background: #0463a8;
	color: #fff;
  }
  .pages a,
  .pages span {
	display: inline-block;
	margin-right: 10px;
	padding: 0 5px;
	min-width: 30px;
	height: 36px;
	line-height: 36px;
	border: 1px #c9c9c9 solid;
	color: #666;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	font-size: 14px;
  }


/*pages end*/

/*Top*/
.Header{width:100%; position:fixed; width:100%; left:0px; top:0px; z-index:9999; height:64px; background:#fff; padding-top:15px; transition:.5s;}
.Header.fixed{ position:fixed; padding:10px 0;z-index:999; width:100%; box-shadow: 0 0 1px 0 rgba(0,0,0,.3), 0 0 6px 2px rgba(0,0,0,.15); height:50px;}
.Header.fixed .Nav li .SubNav{ top:60px; }
.TopMeun{background:#f8f8f8; height:38px; line-height:38px; font-size:14px; color:#666666;}
.TopMeun img{display:inline-block; margin-left:20px; margin-top:7px;}
.Logo{width:19%; float:left;}
.Logo img{display:block; width:100%;}
.Nav{float:left; width:64%; margin-left:2%;}
.Nav li{float:left; font-size:16px; width:16.66%; text-align:center; position:relative; padding-bottom:20px;}
.Nav li a.am{display:inline-block; color:#666666; line-height:45px;}
.Nav li a.am:hover,.Nav li.active a.am{ border-bottom:1px solid #0463a8; color:#0463a8;}

.Nav li .SubNav{width:100%; position:absolute; top:64px; left:0px; background:#fff; padding:0px 0px 10px; display:none;}
.Nav li .SubNav dd{height:30px; line-height:30px; text-align:center;}
.Nav li .SubNav dd a{display:block; font-size:14px; color:#333;}
.Nav li .SubNav dd a:hover{background:url(../image/opacity.png) repeat; color:#fff;}

.SearchBox{float:right; margin:12px 0px 0px;}
.SearchBox .sbtn{background:url(../image/btn.png) no-repeat; width:18px; height:18px; display:none;}
.SearchBox .Search{width:118px; height:22px; line-height:22px; border:1px solid #ddd; border-radius:20px; position:relative;}
.SearchBox .Search .input{width:89px; padding:0px 10px; height:22px; line-height:22px;}
.SearchBox .Search .btn{background:url(../image/btn.png) no-repeat; width:18px; height:18px; position:absolute; right:12px; top:2px;}


/* æ‰‹æœºå¯¼èˆª */
.Header_menu,.page_menu{display:none;}
.Header .header_menu{background-image:url(../image/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:50px; height:24px;background-size:45%;background-position:center; background-repeat:no-repeat; z-index:9; display:none;}
.page_menu{width:50%;height:100%;background:url(../image/opacity.png) repeat;overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0;right:-100%;}
.page_menu .close_bar{height:69px;line-height:69px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:url(../image/opacity.png) repeat; border-bottom:1px solid #e8e8e8;text-align:right;}
.page_menu .close_bar a{background:url(../image/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
.page_menu .close_bar a:hover{transform:rotate(180deg);}
.page_menu .menu_list{width:100%;margin-top:69px;}
.page_menu .menu_list li h3{height:65px;line-height:65px;font-size:18px;position:relative; border-bottom:1px solid #e8e8e8; font-weight:normal;}
.page_menu .menu_list li h3 a{color:#fff;text-decoration:none;padding-left:20px;display:block;}
.page_menu .menu_list li h3:hover a,.page_menu .menu_list li h3.cur a{color:#f0b1b9;}

 
/*banner*/
.Banner{position:relative; margin-top:79px;}
.Banner .swiper-slide .img{display:block; width:100%;}
.Banner .swiper-pagination{position:absolute; text-align:center; width:12px; bottom:3%; left:0; width:100%;}
.Banner .swiper-pagination .swiper-pagination-bullet{opacity:1; width:18px; height:10px; border-radius:10px; display:inline-block; margin:0 6px; text-indent:9999; line-height:9999; overflow:hidden; background:#fff;}
.Banner .swiper-pagination .swiper-pagination-bullet-active{background:#0463a8 !important; width:25px;}
.Banner .BanTxt,.Banner .banTxt2,.Banner .banTxt3{ left:0; right:0; top:0; bottom:0; position:absolute;}
.Banner .ani{position:absolute;}
.Banner .ani img{display:block; left:0;}

.Banner .BanTxt .img1{ top:8.7%;left:20%}
.Banner .BanTxt .img2{ top:13%;left:14.7%}
.Banner .BanTxt .img3{ top:20%;left:16.5%}

.Banner .banTxt2 .img1{ top:29%; }
.Banner .banTxt2 .img2{ top:22%; }
.Banner .banTxt2 .img3{ top:14%; }
.Banner .banTxt2 .img4{ top:14%; }
.Banner .banTxt2 .img5{ top:53%; }
.Banner .banTxt2 .img6{ top:53%; left:3%;}
.Banner .banTxt2 .img7{ top:23%; }

.Banner .banTxt3 .img1{ top:18.75%; }
.Banner .banTxt3 .img2{ top:16.43%; }
.Banner .banTxt3 .img3{ bottom: 5%;right:0 }


@media ( max-width:1920px){

}

@media ( max-width:1600px){

}

@media ( max-width:1440px){
.Banner .BanTxt .img1{width:25%;}
.Banner .BanTxt .img2{width:40%;}
.Banner .BanTxt .img3{width:35%;}
.Banner .BanTxt .img2{left:12.7%;}
.Banner .BanTxt .img3{top:22%;left:15%}
.Banner .banTxt3 .img2{width:80%; left:8%;}
.Banner .banTxt3 .img3{width:30%;}
}

/*@media ( max-width:1366px){
.Banner .BanTxt .img1{top:10.7%;}
.Banner .BanTxt .img2{top:24%;}
.Banner .BanTxt .img3{top:26%;}
.Banner .BanTxt .img4{top:-8.2%;}
}*/



.Banner.swiper-container-horizontal>.swiper-pagination-bullets,.Banner.swiper-pagination-custom, .Banner .swiper-pagination-fraction{bottom:5%;}

.Banner .swiper-button-next,.Banner .swiper-button-prev{width:50px; height:88px; margin-top:-44px; opacity:1; opacity: 0; -webkit-transition: .6s ease; transition: .6s ease;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:url(../image/ban_next.png) no-repeat; right: -100px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../image/ban_pre.png) no-repeat; left:-100px;}
.Banner:hover .swiper-button-next,.Banner:hover .swiper-container-rtl .swiper-button-prev{opacity:1; right:10px;}
.Banner:hover .swiper-button-prev,.Banner:hover .swiper-container-rtl .swiper-button-next{opacity:1; left:10px;}

#mBanner{display:none;}
#mBanner .swiper-button-next,#mBanner .swiper-button-prev{display:none;}


/*bottom*/
.Footer{background:#f5f5f5; padding:5px 0;}
.Footer dl{float:right;}
.Footer dl.Way{width:47%; float:left; padding-right:3%;}
.Footer dl.Way .weixin{width:22%; float:left;}
.Footer dl.Way .weixin img{display:block; width:100%;}
.Footer dl.Way .txt{font-size:14px; line-height:30px; color:#666666; width:73%; float:right;}
.Footer dl.Select{width:25%; padding:0 2%;}
.Footer dl.Select dd{line-height:27px; padding:5px 0px;}
.Footer dl.Select dd .name{display:inline-block; width:100px; text-align:right; font-size:14px; color:#666666;}
.Footer dl.Select dd select{font-size:14px; color:#666666; padding:0px 12px; height:25px; line-height:25px; border:1px solid #888888; width:185px;}
.Footer dl.blogo{ text-align:center; width:21%; margin-top:0.2%;}

.Footer dl.blogo img{  width:100%;}
@media ( max-width:768px){
	.Footer dl.blogo{ margin-top:1%;}
	.Footer dl.blogo img{ max-width:252px; }
}
.Footer dl.blogo dt{ text-align:center; }
.Footer dl.blogo dd{ display:none; text-align:center; font-size:14px; line-height:normal; margin-top:10px;}
.Bottom{background:#0463a8; line-height:30px; color:#fff; font-size:14px; text-align:center !important; padding:10px 0;}
.Bottom a{color:#fff; text-align:center !important; }

.FloatBox{width:50px; position:fixed; right:0px; top:20%; z-index:1002;}
.FloatBox .icon{ width:40px; position:absolute; top:0px; right:0px;} 
.FloatBox dl{display:none;}
.FloatBox dl dd{width:50px; height:50px; position:relative; background:url(../image/opacity2.png) repeat; margin-bottom:1px;}
.FloatBox dl dd .i1,.FloatBox dl dd .i2{position:absolute; left:0px; top:0px;}
.FloatBox dl dd .i1{ transition: 400ms;}
.FloatBox dl dd .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.FloatBox dl dd:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.FloatBox dl dd:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }
.FloatBox dl dd em{position:absolute; top:0px; right:50px; width:100px; line-height:50px; text-align:center; background:#429ed3; font-size:14px; color:#fff; display:none;}
.FloatBox dl dd:hover{background:#429ed3;}
.FloatBox dl dd:hover em{display:block;}

.FloatBox dl dd.f5{display:none;}



@media ( max-width:1200px){
.Banner.owl-carousel .owl-nav.disabled{width:100%; left:0; margin:-33px 0px 0px 0px;}

.Footer dl.Way{width:38%;}
.Footer dl.Select{width:32%;}

.LeftSearch{width:50%; margin:10px auto 0;}

#mBanner{display:block;}
#pcBanner{display:none;}
}

@media ( max-width:998px){
.Header{background:#fff;}
.Logo{width:22%;}
.Nav{display:none;}
.Header .header_menu,.page_menu{display:block;}
.SearchBox{margin-right:10%; margin-top:18px;}
.SearchBox .sbtn{display:block;}
.SearchBox .Search{display:none; position:absolute; top:100%; right:0px; z-index:999; background:#fff;}

.Left,.Right{width:100%; float:none;}
.Left{margin:3% 0;}
.MeunName{display:none;}
.Left dl{text-align:center; border:none;}
.Left dl dd{display:inline-block; border:1px solid #ddd; margin-bottom:2%; min-width:30%; width:auto !important; width:30%; padding:0 1%;}
.Left dl dd a{padding:0;}
.Left dl dd a:hover,.Left dl dd.on a{background:#f4f4f4; color:#0463a8; font-weight:bold;}
.Left dl dd:hover,.Left dl dd.on{background:#f4f4f4;}

.Banner{margin-top:53px;}
}

@media ( max-width:768px){
.Logo{width:28%;}
.Title01 span{font-size:22px;}

.Footer dl.blogo{float:none; width:100%; text-align:center; margin-bottom:3%;}
.Footer dl.Way{width:50%; padding:0 3% 0 0;}
.Footer dl.Select{padding:0 0 0 3%; background:none; width:44%;}
}

@media ( max-width:640px){
.Footer dl.Way,.Footer dl.Select{width:100%; padding:0; float:none; background:none;}
.Footer dl.Select{width:60%; margin:0 auto 3%;}
.Left dl dd{height:36px; line-height:36px;}
}

@media ( max-width:480px){
.Header{padding:0px; height:53px;}
.page_menu .close_bar{height:53px; line-height:53px;}
.page_menu .close_bar a{background-size:85%;}
.page_menu{width:40%;}
.Logo{width:60%;}
.SearchBox{margin-right:18%;}

.Banner .swiper-pagination .swiper-pagination-bullet{height:4px; width:10px;}

.Footer dl.blogo,.Footer dl.Select{display:none;}
.Footer dl.Way .weixin{float:none; margin:0 auto; width:36%;}
.Footer dl.Way .txt{float:none; width:100%;}


.LeftSearch{width:100%;}
.Position{height:auto; line-height:45px;}
.Position .SubName{display:none;}
.Position .Current{float:none;}
.Pages a{margin:0px 4px;}
.Bottom{ line-height:18px; }

.FloatBox{display:none;}
}

/*index*/
.Main{padding:2% 0;}
.Voice{height:48px; line-height:48px; overflow:hidden; padding:0 24px 0 55px; background:#ccc url(../image/voice.png) no-repeat 24px center;}
.Voice .bd{ overflow:hidden;}
.Voice .bd ul{ overflow:hidden; zoom:1;}
.Voice .bd li{padding:0px 0px 0px 38px; width:auto !important; text-align:left; _display:inline; float:left; display:inline-block;}
.Voice .bd li a{ font-size:16px; color:#333;}

.HomeNews{padding:2% 0 0;}
.NewsBox{padding:3% 0 0;}
.FocusSwiper{width:45%; float:left; position:relative;}
.FocusSwiper .swiper-slide{position:relative;}
.FocusSwiper .swiper-slide em{position:absolute; width:96%; height:42px; line-height:42px; left:0px; bottom:0px; background:url(../image/opacity.png) repeat; font-size:16px; color:#fff; padding:0 2%;}
.FocusSwiper .swiper-slide img{display:block; width:100%; height:335px;}
.FocusSwiper .swiper-pagination-bullets,.FocusSwiper .swiper-pagination-custom, .FocusSwiper .swiper-pagination-fraction{bottom:2%; left:auto; right:0%; z-index:999;}
.FocusSwiper .swiper-pagination{text-align:right;}
.FocusSwiper .swiper-pagination-bullet{background:url(../image/dotpic.png) no-repeat left top; width:14px; height:14px; border-radius:0px; opacity:1;}
.FocusSwiper .swiper-pagination-bullet-active{background:url(../image/dotpic.png) no-repeat left bottom;}
.FocusSwiper .swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 10px 0 0;}

.SlideBox{width:53%; float:right;}
.SlideBox .hd{height:44px; background:#0463a8; padding:0 4%;}
.SlideBox .hd li{float:left; height:31px; line-height:31px; font-size:16px; margin:7px 5% 0 0;}
.SlideBox .hd li a{display:block; color:#fff;}
.SlideBox .hd li.on a{border-bottom:1px solid #fff;}

.SlideList dl{background:#f8f8f8; padding:1% 4%; margin-top:13px;}
.SlideList dl dt{float:left; width:20%; color:#2daee8;}
.SlideList dl dt span{display:block; line-height:39px; font-size:39px;}
.SlideList dl dt em{display:block; line-height:27px; font-size:18px; text-align:center;}
.SlideList dl dd{width:77%; float:right;}
.SlideList dl dd .name{display:block; height:29px; line-height:29px; overflow:hidden; font-size:16px; color:#333333; text-overflow:ellipsis; white-space:nowrap;}
.SlideList dl dd p{line-height:21px; height:42px; overflow:hidden; color:#666666;}

.HomeAbout{ height:396px; position:relative;}
.AboutBox{background:url(../image/opacity2.png) repeat; width:65%; height:396px; float:right;}
.AboutBox .con{padding:4% 6%;}
.AboutBox .con .tit{text-align:center;}
.AboutBox .con .tit img{display:inline-block;}
.AboutBox .con .txt{height:180px; overflow:hidden; margin:3% 0;}
.AboutBox .con .txt p{font-size:14px; line-height:30px; text-indent:2em; color:#000;}
.AboutBox .con .more{display:block; height:38px; line-height:38px; background:#0463a8; width:195px; text-align:center; font-size:14px; color:#fff; float:right;}

.ServiceBox{padding:3% 30px; background:url(../image/titbg2.png) no-repeat center bottom; position:relative;}
.ServiceBox .owl-carousel{position:static;}
.ServiceBox .owl-carousel .item{margin:0 3%; background:#f0f0f0;}
.ServiceBox .owl-carousel .item .pic{position:relative;}
.ServiceBox .owl-carousel .item .pic .img{display:block; width:100%;}
.ServiceBox .owl-carousel .item .pic .icon{position:absolute; width:54px; height:54px; top:50%; left:50%; margin:-27px 0px 0px -27px; z-index:9; display:none;}
.ServiceBox .owl-carousel .item .pic .icon img{display:block; width:100%;}
.ServiceBox .owl-carousel .item .txt{padding:5% 5% 7%;}
.ServiceBox .owl-carousel .item .txt .name{display:block; line-height:40px; font-size:18px; text-align:center; color:#111;}
.ServiceBox .owl-carousel .item .txt p{font-size:14px; line-height:22px; height:110px; overflow:hidden; color:#444;}
.ServiceBox .owl-carousel .item:hover{background:#0463a8;}
.ServiceBox .owl-carousel .item:hover .pic .icon{display:block;}
.ServiceBox .owl-carousel .item:hover .txt .name,.ServiceBox .owl-carousel .item:hover .txt p{color:#fff;}
.ServiceBox .owl-carousel .item:hover .effect-img img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.ServiceBox .owl-carousel .owl-dots.disabled,.ServiceBox .owl-carousel .owl-nav.disabled{display:block;}
.ServiceBox .owl-carousel .owl-nav .owl-next,.ServiceBox .owl-carousel .owl-nav .owl-prev{width:21px; height:50px; position:absolute; top:50%; margin-top:-25px; line-height:9999; overflow:hidden; z-index:99;}
.ServiceBox .owl-carousel .owl-nav .owl-next{background:url(../image/prev.png) no-repeat right top; right:0px;}
.ServiceBox .owl-carousel .owl-nav .owl-prev{background:url(../image/prev.png) no-repeat left top; left:0px;}

.HomeCompany{padding:3% 0 0;}
.HomeCompany .owl-carousel .item{ padding-bottom:4%; margin:0 3%;}
.HomeCompany .owl-carousel .item .pic{position:relative; box-shadow:6px 6px 6px #e0e0e0; z-index:-1;}
.HomeCompany .owl-carousel .item .pic .img{display:block; width:100%;}
.HomeCompany .owl-carousel .item .pic .name{position:absolute; width:100%; height:36px; top:50%; left:0%; margin:-18px 0px 0px 0px; z-index:9; font-size:24px; color:#333333; font-weight:bold; text-align:center;}
.HomeCompany .owl-carousel .item dl{box-shadow:6px 6px 10px #e0e0e0; border:1px solid #e0e0e0; background:#fff; padding:3% 5%; height:240px;}
.HomeCompany .owl-carousel .item dl dd{background:url(../image/dot.png) no-repeat 0px 13px; padding-left:10px; margin-bottom:3%;}
.HomeCompany .owl-carousel .item dl dd .tit{display:block; line-height:30px; font-size:16px; color:#222;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.HomeCompany .owl-carousel .item dl dd p{line-height:20px; color:#777; height:40px; overflow:hidden;}
.HomeCompany .owl-carousel .owl-dots.disabled,.HomeCompany .owl-carousel .owl-nav.disabled{display:none;}
.HomeCompany .owl-carousel .owl-nav .owl-next,.HomeCompany .owl-carousel .owl-nav .owl-prev{width:21px; height:50px; position:absolute; top:50%; margin-top:-25px; line-height:9999; overflow:hidden; z-index:99;}
.HomeCompany .owl-carousel .owl-nav .owl-next{background:url(../image/prev.png) no-repeat right top; right:0px;}
.HomeCompany .owl-carousel .owl-nav .owl-prev{background:url(../image/prev.png) no-repeat left top; left:0px;}


/*@media ( max-width:1366px){
.Banner .BanTxt .img1{top:15.5%}
.Banner .BanTxt .img2{top:27.5%}
.Banner .BanTxt .img3{top:30.5%;left:25%}
.Banner .BanTxt .img4{top:0}
}*/



@media ( max-width:1200px){
.SlideList dl dt span{font-size:30px;}
.HomeCompany .owl-carousel .item dl dd .tit{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
}

@media ( max-width:998px){
.FocusSwiper .swiper-slide img{height:324px;}
}

@media ( max-width:768px){
.FocusSwiper,.SlideBox{float:none; width:100%;}
.FocusSwiper .swiper-slide img{height:auto;}
.FocusSwiper{margin-bottom:2%;}
}

@media ( max-width:640px){
.AboutBox{width:100%;}
.AboutBox .con{padding:8% 6%;}
.HomeCompany .owl-carousel .owl-dots.disabled,.HomeCompany .owl-carousel .owl-nav.disabled{display:block;}
}

@media ( max-width:480px){
.Voice .owl-carousel .item a{font-size:12px;}
.SlideBox .hd li{margin:7px 4% 0 0;}
.SlideList dl dt{text-align:center;}
.SlideList dl dt span{font-size:18px; font-weight:bold;}
.AboutBox .con .txt{height:240px;}

.ServiceBox .owl-carousel .item,.HomeCompany .owl-carousel .item{margin:0;}

.FocusSwiper .swiper-slide em{width:70%; padding:0 28% 0 2%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
}

/*å…¬å¸ç®€ä»‹*/
.About{padding:4% 0 ; word-wrap:break-word; text-align:justify;}

@media ( max-width:480px){
.About .pic{float:none; text-align:center; margin:3% 0 !important;}	
}

/*å¤§äº‹è®°*/
.History{padding:3% 0%; position:relative;}
.History .hd{height:82px; background:url(../image/line3.png) no-repeat center 36px; padding:0 6%; position:relative;}
.History .hd li{padding-top:42px; background:url(../image/dot2.png) no-repeat center top; font-size:16px; width:192px; text-align:center; color:#b4b4b4; text-align:center; line-height:40px; float:left;}
.History .hd li.on{background:url(../image/doton2.png) no-repeat center top;}
.History .hd .prev,.History .hd .next{width:30px; height:30px; margin-top:-15px; position:absolute; top:50%;}
.History .hd .prev{background:#fff url(../image/prev2.png) no-repeat left top; left:0px;}
.History .hd .next{background:#fff url(../image/prev2.png) no-repeat right top; right:0px;}
.History .hd .prev:hover{background:#fff url(../image/prev2.png) no-repeat left bottom;}
.History .hd .next:hover{background:#fff url(../image/prev2.png) no-repeat right bottom;}


.History .bd{background:url(../image/hisbg.png) no-repeat center top; min-height:1073px; height:auto !important; height:1073px;}
.HistoryList{padding:5% 0 0; position:relative;}
.HistoryList dl{width:460px; float:left; margin-bottom:20px; word-wrap:break-word; text-align:justify;}

.HistoryList dl dt{font-size:24px; color:#0463a8; font-weight:bold; line-height:40px; text-align:right; /*background:url(../images/date.png) no-repeat right center;*/ padding:0 55px 0 0;}
.HistoryList dl dd{padding:0px 55px; font-size:14px; line-height:25px; color:#666666;}

.HistoryList dl:nth-child(2n){float:right;}
.HistoryList dl:nth-child(2n) dt{/*background:url(../images/date.png) no-repeat left center;*/ padding:0 0px 0 55px; text-align:left;}

.HistoryList .sprev,.HistoryList .snext{width:50px; height:21px; position:absolute; line-height:9999; overflow:hidden; z-index:99; right:0%;}
.HistoryList .sprev{background:url(../image/prev3.png) no-repeat left top; top:460px;}
.HistoryList .snext{background:url(../image/prev3.png) no-repeat left bottom; top:500px;}
.HistoryList .sprev.prevStop{background:url(../image/prev4.png) no-repeat left top;}
.HistoryList .snext.nextStop{background:url(../image/prev4.png) no-repeat left bottom;}

@media ( max-width:1200px){
.HistoryList dl{width:90%; padding:3% 5%;}
}

@media ( max-width:480px){
.gallery-top{background:none;}
.HistoryList dl{width:100%; padding:3% 0%; margin-bottom:0;}
.HistoryList dl dt{padding:0 35px 0 0px; font-size:18px;}
.HistoryList dl:nth-child(2n) dt{padding:0 0px 0 35px;}
.HistoryList dl dd{padding:0px 35px;}

.History .hd li{width:80px;}
.History .bd{background-size:100% 100%;}
}


/*æ–°é—»ä¸­å¿ƒ*/
.NewsList{padding:3% 0;}
.NewsList li.First{background:#f6f6f6;}
.NewsList li.First .pic{width:25%; float:left; padding:8px;}
.NewsList li.First .pic img{display:block; width:100%; height:150px;}
.NewsList li.First .txt{width:68%; float:left; margin:0.5% 0 0 3.5%;}
.NewsList li.First .txt .more{display:block; width:118px; height:28px; line-height:28px; text-align:center; color:#0463a8; border:1px solid #0463a8; font-size:14px; margin:2% 0 0; float:right;}
.NewsList li.First .txt .more:hover{background:#0463a8; color:#fff;}

.NewsList li{margin-bottom:3%; position:relative; min-height:100px; height:auto !important; height:100px;}
.NewsList li .date{width:98px; height:98px; border:1px solid #0463a8; position:absolute; left:0px; top:0px; text-align:center;}
.NewsList li .date span{display:block; line-height:48px; font-size:24px; color:#0463a8;}
.NewsList li .date em{display:block; font-size:27px; color:#fff; background:#0463a8; line-height:50px; text-align:center;}
.NewsList li .txt{margin-left:120px;}
.NewsList li .txt .name{display:block; height:34px; line-height:34px; overflow:hidden; color:#444444; font-size:16px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.NewsList li .txt p{font-size:14px; line-height:24px; height:72px; overflow:hidden; color:#666666;}

@media ( max-width:480px){
.NewsList li.First .pic{display:none;}
.NewsList li.First .txt{width:94%; padding:2% 3% 3%; margin:0;}
.NewsList li .date{width:80px; height:80px; top:50%; margin-top:-40px;}
.NewsList li .date span,.NewsList li .date em{line-height:40px;}
.NewsList li{min-height:80px; height:auto !important; height:80px;}
.NewsList li .txt{margin-left:100px;}
.NewsList li .txt .name{font-size:14px;}
.NewsList li .date em{font-size:20px;}
.NewsList li .date span{font-size:18px;}

}

/*æ–°é—»è¯¦æƒ…*/
.NewsDetail{padding:3% 0 0; border-bottom:1px solid #ddd;}
.NewsDetail h2{line-height:36px; font-size:24px; color:#444444; text-align:center; font-weight:normal;}
.NewsDetail .date{text-align:right; padding:2% 0; border-bottom:1px solid #dbdbdb; font-size:14px; color:#888888;}
.NewsDetail .date i{padding:0 2%;}
.NewsDetail .Content{padding:3% 0; font-size:16px; line-height:32px; color:#363636; word-wrap:break-word; text-align:justify;}

@media ( max-width:640px){
.NewsDetail h2{font-size:18px;}
}

@media ( max-width:480px){
.NewsDetail h2{line-height:28px;}
}

/*å…šå»ºå·¥ä½œ*/
.PartyWork{padding:3% 0;}
.PartyWork li{margin-bottom:3%;display: inline-block;}
.PartyWork li .pic{width:15%; float:left;}
.PartyWork li .pic img{display:block; width:100%;}
.PartyWork li .txt{width:83%; float:right;}
.PartyWork li .txt .Name{height:32px; line-height:32px; overflow:hidden; font-size:16px; font-weight:bold;}
.PartyWork li .txt .Name a{color:#444444;}
.PartyWork li .txt .Name .date{color:#0085e5;}
.PartyWork li .txt p{line-height:24px; font-size:14px; color:#666666; height:48px; overflow:hidden;}

.NoticeList li{margin-bottom:1%;}
.NoticeList li .txt p{height:auto;}

@media ( max-width:640px){
.PartyWork li .pic{width:20%;}
.PartyWork li .txt{width:78%;}
}

@media ( max-width:480px){
.PartyWork li .pic{display:none;}
.PartyWork li .txt{width:100%; float:none;}
.PartyWork li .txt .Name{font-size:14px;}
.PartyWork li .txt .Name a{display:inline-block; width:74%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
}

/*äººæ‰æ‹›è˜*/
.JobList{padding:3% 0;}
.JobList li{position:relative; margin-bottom:3%;}
.JobList li .icon{width:40px; position:relative; margin-top:10px; height:40px; float:right;}
.JobList li .icon img{position:absolute; top:0px; left:0px; width:100%;}
.JobList li .icon .i1{ transition: 400ms;}
.JobList li .icon .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.JobList li.lion .icon .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.JobList li.lion .icon .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }
.JobList li .box{width:87.5%; background:#f9f9f9; box-shadow:8px 8px 8px #e1e1e1; padding:0 5% 0; word-wrap:break-word; text-align:justify;}
.JobList li .box .tit{height:64px; line-height:64px;}
.JobList li .box .tit .name{float:left; font-size:18px; color:#666666;}
.JobList li .box .tit .part{float:right; font-size:14px; color:#0463a8;}
.JobList li .box dl{font-size:16px !important; color:#666666; line-height:32px !important; padding-bottom:3%; display:none;text-align:justify !important;}
.JobList li .box dl .apply{width:170px; height:38px; line-height:38px; color:#0081de; border:1px solid #0081de; font-size:14px; border-radius:6px; display:block; text-align:center; margin-top:3%;}

@media ( max-width:480px){
.JobList li .box{width:74.5%; padding:0 10%;}
}

/*æ‹›è˜è¡¨å•*/
.JobBox{background:#dfebf7; margin:3% 0; padding:2% 5%;}
.JobBox h2{font-size:24px; line-height:34px; color:#666666; text-align:center;}
.JobTab{position:relative;}
.JobTab .pic{width:93px; height:90px; background:#fff; border:1px solid #bdbdbd; text-align:center; font-size:14px; color:#666666; line-height:25px; padding:36px 0px 0px; position:absolute; right:0px; top:20px;}
.JobTab .pic .file{ opacity:0; filter:opacity(0); position:absolute; height:100%; width:100%; top:0; right:0;z-index:99;}
.JobTab dl{position:relative; margin-top:20px; line-height:30px;}
.JobTab dl dt{position:absolute; width:90px; text-align:right; left:0px; top:0px; font-size:14px; color:#666666;}
.JobTab dl dd{margin-left:104px;}
.JobTab dl dd input,.JobTab dl dd .textarea{background:#fff; border:1px solid #bdbdbd; height:28px; line-height:28px; padding:0 2%; font-size:14px; color:#000;}
.JobTab dl dd select{background:#fff; border:1px solid #bdbdbd; height:28px; padding:0 2%; font-size:14px; color:#000; margin:0 2;}
.JobTab dl dd .input{width:96%;}
.JobTab dl dd input.sfile{ padding:0; height:27px; line-height:27px; width:73px; background:none; border:none;}
.JobTab dl dd .textarea{height:155px; width:96%;}
.JobTab dl .btn{height:37px; line-height:37px; background:#d9d9d9; border-radius:5px; display:inline-block; padding:0 4%; margin:0 2%; font-size:14px; color:#666666;}
.JobTab dl .btn img{padding:9px 9px 0px 0px;}
.JobTab dl .send{background:#548fd5; height:45px; line-height:45px; color:#fff; font-size:16px; width:80%; margin:0 10%; border-radius:8px;}

@media ( max-width:640px){
.JobTab dl{float:none !important; width:100% !important;}	
.JobTab dl .input{width:96% !important;}
.JobTab dl:nth-child(2) .input,.JobTab dl:nth-child(3) .input,.JobTab dl:nth-child(5) .input,.JobTab dl:nth-child(6) .input{width:67% !important;}
}

@media ( max-width:480px){
.JobBox h2{font-size:18px;}
.JobBox{padding:7% 5%;}
.JobTab .pic{display:none;}
.JobTab dl:nth-child(2) .input,.JobTab dl:nth-child(3) .input,.JobTab dl:nth-child(5) .input,.JobTab dl:nth-child(6) .input{width:96% !important;}
.JobTab dl .btn{margin:3% 2%;}
.JobTab dl .btn{display:block;}
}

/*è”ç³»æˆ‘ä»¬*/
.ContactBox{padding:3% 0;}
.Map img{display:block; width:100%;}
.Contact{padding:3% 0 0;}
.Contact dl{float:left; font-size:16px; line-height:45px; color:#666666; padding:0 14% 4% 0;}
.Contact dl em{display:inline-block;}
.Contact dl img{display:inline-block; padding-right:12px;}
.Contact dl:nth-child(2n){line-height:22px;} 
.Contact dl:nth-child(3n){padding-right:0;}

@media ( max-width:768px){
.Contact dl{text-align:center;}
.Contact dl em{display:block; padding-top:4%;}
}

@media ( max-width:480px){
.Contact dl{width:100%; float:none; padding-bottom:2%; text-align:left;}
.Contact dl{padding-bottom:6%;}
.Contact dl em{display:inline-block; padding-top:0;}
}

/*ä¸šåŠ¡æœåŠ¡*/
.ProSorts h2{font-size:18px; line-height:38px; color:#0663a8; margin-bottom:18px;}
.ProSorts dl dd{margin:0 1.5% 3% 0; float:left; width:23.5%;}
.ProSorts dl dd:nth-child(4n){margin-right:0;}
.ProSorts dl dd img{display:block; width:100%; height:212px;}
.ProSorts dl dd em{display:block; line-height:36px; font-size:18px; color:#444444; text-align:center;}

@media ( max-width:768px){
.ProSorts dl dd img{height:176px;}
}

@media ( max-width:640px){
.ProSorts dl dd{width:48%; float:left; margin-right:0;}
.ProSorts dl dd:nth-child(2n){float:right;}
.ProSorts dl dd em{font-size:15px; line-height:30px;}
.ProSorts dl dd img{height:298px;}
}

@media ( max-width:480px){
.ProSorts dl dd img{height:170px;}
}


/*18-02-06*/
.PrevNextBox{padding:3% 0; font-size:14px; color:#333; line-height:28px;}
.PrevNextBox dl b{font-weight:normal;}
.PrevNextBox dl a{color:#333;}
.PrevNextBox dl a:hover{color:#0463a8;}